<!DOCTYPE html>
<html lang="zh-CN">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>特色功能 - 家族传承</title>
  <link href="https://cdn.jsdelivr.net/npm/tailwindcss@2.2.19/dist/tailwind.min.css" rel="stylesheet">
  <script defer src="https://use.fontawesome.com/releases/v5.15.4/js/all.js"></script>
</head>
<body class="bg-white">
  <header class="bg-red-500 text-white p-4 flex items-center justify-between">
    <h2 class="text-xl font-semibold">特色功能</h2>
    <a href="index.html" class="text-white hover:underline"><i class="fas fa-home"></i></a>
  </header>
  <main class="p-4 max-w-3xl mx-auto space-y-6">
    <section class="grid grid-cols-1 sm:grid-cols-2 gap-4">
      <div class="bg-yellow-100 p-4 rounded shadow hover:shadow-md transition">
        <i class="fas fa-book-open text-4xl text-red-500"></i>
        <h3 class="mt-2 font-semibold">家族故事与历史</h3>
        <p class="mt-1 text-sm text-gray-600">记录家族起源、迁徙历程、家规家训，支持多媒体素材展示。</p>
      </div>
      <div class="bg-yellow-100 p-4 rounded shadow hover:shadow-md transition">
        <i class="fas fa-award text-4xl text-green-500"></i>
        <h3 class="mt-2 font-semibold">家族成就展示</h3>
        <p class="mt-1 text-sm text-gray-600">汇总家族成员荣誉与贡献，激励后辈传承与进步。</p>
      </div>
      <div class="bg-yellow-100 p-4 rounded shadow hover:shadow-md transition">
        <i class="fas fa-dna text-4xl text-blue-500"></i>
        <h3 class="mt-2 font-semibold">寻根溯源</h3>
        <p class="mt-1 text-sm text-gray-600">通过大数据与基因检测，帮助查找失散分支，扩大家族网络。</p>
      </div>
      <div class="bg-yellow-100 p-4 rounded shadow hover:shadow-md transition">
        <i class="fas fa-heart text-4xl text-purple-500"></i>
        <h3 class="mt-2 font-semibold">长辈关怀模式</h3>
        <p class="mt-1 text-sm text-gray-600">大字号、高对比、简化交互，让长辈操作更舒适。</p>
      </div>
    </section>
    <section class="bg-gray-100 p-4 rounded shadow">
      <h3 class="font-semibold text-gray-700 mb-2">辅助功能</h3>
      <ul class="list-disc pl-5 text-gray-600 space-y-1">
        <li>搜索：关键词检索家族成员、事件，快速定位信息。</li>
        <li>提醒：生日、纪念日、活动等多种提醒方式。</li>
        <li>语言切换：支持多语言界面，全球家族成员无障碍使用。</li>
        <li>帮助与反馈：应用指南、常见问题与问题反馈渠道。</li>
      </ul>
    </section>
  </main>
</body>
</html>